<script setup>

</script>

<template>
    <el-card class="guest-container">
      <template #header>
        <div class="header">
          <el-button type="primary" >解除禁用</el-button>
          <el-button type="danger" >禁用账户</el-button>
        </div>
      </template>
      <Table
        action='/users'
        ref="table"
      >
        <template #column>
          <el-table-column
            type="selection"
            width="55">
          </el-table-column>
          <el-table-column
            prop="nickName"
            label="昵称"
          >
          </el-table-column>
          <el-table-column
            prop="loginName"
            label="登录名"
          >
          </el-table-column>
          <el-table-column
            label="身份状态"
          >
            <template #default="scope">
              <span :style="scope.row.lockedFlag == 0 ? 'color: green;' : 'color: red;'">
                {{ scope.row.lockedFlag == 0 ? '正常' : '禁用' }}
              </span>
            </template>
          </el-table-column>
          <el-table-column
            label="是否注销"
          >
            <template #default="scope">
              <span :style="scope.row.lockedFlag == 0 ? 'color: green;' : 'color: red;'">
                {{ scope.row.isDeleted == 0 ? '正常' : '注销' }}
              </span>
            </template>
          </el-table-column>
          <el-table-column
            prop="createTime"
            label="注册时间"
          >
          </el-table-column>
        </template>
      </Table>
    </el-card>
  </template>